.permisionBoxWrapper {
  // margin-top: -10px;
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s;
  &.showPermisionBox {
    max-height: 666px;
  }

  // transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

  .cornerBox {
    height: 10px;
  }

  .corner {
    position: absolute;
    left: 30px;
    bottom: 0px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #e5e5e5;
    &.activeCorner {
      border-bottom: 12px solid #1890ff;
    }
  }
}

.dataPermisionBox {
  :global {
    .ant-tabs-nav-list {
      width: 100%;
      .ant-tabs-tab {
        flex: 1;
        margin-left: 0 !important;
        // color: rgb(140, 140, 140);
        color: #333;
        border: none;
        border-radius: unset !important;
        background: rgb(229, 229, 229);
        // background-color: #1890ff;
        .ant-tabs-tab-btn {
          margin: 0 auto;
        }
        &.ant-tabs-tab-active {
          // background: rgb(215, 215, 215);
          background: #1890ff;
          .ant-tabs-tab-btn {
            // color: rgb(140, 140, 140);
            color: #fff;
          }
        }
      }
    }
    .ant-tabs .ant-tabs-content-holder {
      min-height: 120px;
      margin-top: -16px;
      padding: 10px 15px;
      border: 1px solid #d7d7d7;
      border-top: 0;
    }

    .ant-tabs-nav-operations{
      display: none !important;
    }
  }
}
